<!--
 * @Description: 
 * @Author: chenjiaxin
 * @Date: 2022-09-04 15:17:22
 * @LastEditTime: 2022-09-04 17:06:49
 * @FilePath: \vue-ts-vite\src\components\basic-drawer\src\IconOperat.vue
-->
<template>
  <div class="iconOperat">
    <n-space align="center">
      <n-icon size="26" class="nurse-cursor" @click="closeHandle">
        <close-outline />
      </n-icon>
    </n-space>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { CloseOutline } from "@vicons/ionicons5";

export default defineComponent({
  components: {
    CloseOutline,
  },
  emits: ["close"],
  setup(props, { emit }) {
    console.log("======icon====组件创建===");
    const closeHandle = () => {
      emit("close");
    };

    return {
      closeHandle,
    };
  },
});
</script>

<style lang="less" scoped>
.iconOperat {
  .iconfont {
    font-size: 22px;
  }
}
</style>
